
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>我的代理</title>
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    <link rel="stylesheet" href="css/jquery.mCustomScrollbar.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/my_v1.css">
    <script src="js/jquery-1.11.2.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="js/my.js"></script>
</head>
<body style="background-color: #f0f0f6;">
    <div class="container-fluid">
        <div class="row auction_title">
            <div class="col-xs-3">
                <i class="icon-angle-left icon-3x"></i>
            </div>
            <div class="col-xs-7 pt10 plr0 text-center">
                <span class="fs16">珠宝DIY</span>
            </div>
        </div>
        <div class="row spreadCenter orange_bg_deep">
            <div class="col-xs-12 ptb10">
                <div class="col-xs-3 plr0">
                    <img src="images/portrait_03.png" width="71" class="img-responsive">
                </div>
                <div class="col-xs-7 pr0 pl7">
                    <div class="col-xs-11 plr0">
                        <div class="col-xs-12 plr0">珠宝DIY</div>
                        <div class="col-xs-12 plr0 fs12 pt3">
                            <span>2.1万</span>个话题&nbsp;&nbsp;&nbsp;&nbsp;
                            成员<span>106.6万</span>
                        </div>
                        <div class="col-xs-12 plr0 seller pt5">
                            <a rel="button" class="btn btn-xs btn-orange">活跃用户</a>
                            <a rel="button" class="btn btn-xs btn-orange">精华区</a>
                        </div>
                    </div>
                </div>
                <div class="col-xs-2 plr0 text-right pt10">
                    <div class="col-xs-12 plr0">
                        <img width="30" class="right-block" src="images/join.png" />
                    </div>
                    <div class="col-xs-12 plr0 pt5">加入</div>
                </div>
            </div>
        </div>
        <div class="row gray_bg_init">
            <div class="col-xs-2 pr0 ptb5">
                <a rel="button" class="btn btn-sm btn-orange">公告</a>
            </div>
            <div class="col-xs-10 plr7 pb5 pt10">
                【发帖必读】珠宝DIY圈子发帖规范
            </div>
        </div>
        <div class="row white_bg myTeam">
            <div class="col-xs-12 ptb5">
                <div class="col-xs-2 plr0">
                    <img width="30" src="images/my_pic_03.png" class="img-responsive center-block">
                </div>
                <div class="col-xs-10 plr0 fs16 pt5">
                    <span class="blue_deep">索*****4</span>
                    <button type="button" class="btn btn-xs btn-default pull-right" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >...</button>
                    <ul class="dropdown-menu" style="left:auto;right:0;min-width: 100px;">
                        <li class="text-center ptb0">举报话题</li>
                    </ul>
                </div>
            </div>
            <div class="col-xs-12 ptb5 fw fs16">
                <img width="25" src="images/ding.png" class="img-responsive center-block dis-lin">
                <span>宝石工匠原创设计，请勿盗图</span>
            </div>
            <div class="col-xs-12 ptb5 fs16">
                立志做中国最好的珠宝切割师
            </div>
            <div class="col-xs-12">
                <div class="made scrollbox" id="horizontal">
                    <div class="madegame">
                        <ul class="clearfix" id="ho1">
                            <li><img src="images/pic_01.png" width="100" /></li>
                            <li><img src="images/index_products_02.png" width="100" /></li>
                            <li><img src="images/pic_01.png" width="100" /></li>
                            <li><img src="images/index_products_02.png" width="100" /></li>
                            <li><img src="images/pic_01.png" width="100" /></li>
                            <li><img src="images/index_products_02.png" width="100" /></li>
                            <li><img src="images/pic_01.png" width="100" /></li>
                            <li><img src="images/index_products_02.png" width="100" /></li>
                            <li><img src="images/pic_01.png" width="100" /></li>
                        </ul>
                    </div> 
                </div>
                <div class="col-xs-12 plr0 ptb10 bdb">
                    <div class="col-xs-6 plr0">
                        <img width="20" src="images/clock.png" class="img-responsive center-block dis-lin">
                        <span class="gray">5分钟前</span>
                    </div>
                    <div class="col-xs-6 plr0 gray text-right">
                        <i class="icon-comment-alt"></i>&nbsp;<span>275</span>&nbsp;&nbsp;&nbsp;
                        <i class="icon-heart-empty"></i>&nbsp;<span>1660</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="row white_bg myTeam mt6">
            <div class="col-xs-12 ptb5">
                <div class="col-xs-2 plr0">
                    <img width="30" src="images/my_pic_03.png" class="img-responsive center-block">
                </div>
                <div class="col-xs-10 plr0 fs16 pt5">
                    <span class="blue_deep">索*****4</span>
                    <button type="button" class="btn btn-xs btn-default pull-right" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >...</button>
                    <ul class="dropdown-menu" style="left:auto;right:0;min-width: 100px;">
                        <li class="text-center ptb0">举报话题</li>
                    </ul>
                </div>
            </div>
            <div class="col-xs-12 ptb5 fw fs16">
                <img width="25" src="images/ding.png" class="img-responsive center-block dis-lin">
                <span>宝石工匠原创设计，请勿盗图</span>
            </div>
            <div class="col-xs-12 ptb5 fs16">
                立志做中国最好的珠宝切割师
            </div>
            <div class="col-xs-12">
                <div class="made scrollbox" id="horizontal">
                    <div class="madegame">
                        <ul class="clearfix" id="ho1">
                            <li><img src="images/pic_01.png" width="100" /></li>
                            <li><img src="images/index_products_02.png" width="100" /></li>
                            <li><img src="images/pic_01.png" width="100" /></li>
                            <li><img src="images/index_products_02.png" width="100" /></li>
                            <li><img src="images/pic_01.png" width="100" /></li>
                            <li><img src="images/index_products_02.png" width="100" /></li>
                            <li><img src="images/pic_01.png" width="100" /></li>
                            <li><img src="images/index_products_02.png" width="100" /></li>
                            <li><img src="images/pic_01.png" width="100" /></li>
                        </ul>
                    </div> 
                </div>
                <div class="col-xs-12 plr0 ptb10 bdb">
                    <div class="col-xs-6 plr0">
                        <img width="20" src="images/clock.png" class="img-responsive center-block dis-lin">
                        <span class="gray">5分钟前</span>
                    </div>
                    <div class="col-xs-6 plr0 gray text-right">
                        <i class="icon-comment-alt"></i>&nbsp;<span>275</span>&nbsp;&nbsp;&nbsp;
                        <i class="icon-heart-empty"></i>&nbsp;<span>1660</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="row h50"></div>
    </div>


<div class="myCircleIndex">
    发布分享
</div>
<div class="releaseShare_bg"></div>
<div class="releaseShare">
    <div class="col-xs-12 ptb10 bdb">
        <div class="col-xs-2 plr0 pt10">
            <img src="images/present_01.png" class="img-responsive center-block">
        </div>
        <div class="col-xs-10 pr0 fs16 pt3">
            <div class="fw">晒好物</div>
            <div class="fs12 gray">晒出买过的好宝贝，与淘友们一期分享喜悦！</div>
        </div>
    </div>
    <div class="col-xs-12 ptb10 bdb">
        <div class="col-xs-2 plr0 pt10">
            <img src="images/theme_01.png" class="img-responsive center-block">
        </div>
        <div class="col-xs-10 pr0 fs16 pt3">
            <div class="fw">发话题</div>
            <div class="fs12 gray">晒出买过的好宝贝，与淘友们一期分享喜悦！</div>
        </div>
    </div>
    <div class="col-xs-12 ptb10 bdb fs18 text-center" id="cirleCancel">
        取消
    </div>
</div>

<script>
    (function($){
        $(window).load(function(){
            $.mCustomScrollbar.defaults.theme="light-2"; //set "light-2" as the default theme
            
            $("#ho1,#ho2").mCustomScrollbar({
                axis:"x",
                advanced:{autoExpandHorizontalScroll:true}
            });
        });
    })(jQuery);
</script>
</body>
</html>